.px2rem(@name,@px){
    @{name}:@px / 75 * 1rem;
}
.fx-header{
    display: flex;
    .px2rem(height,98);
    .header-left{
        width: 15%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        img{
            .px2rem(width,35);
            .px2rem(height,26);
        }
    }
    .header-center{
        flex: 1;
    }
    .header-right{
        width: 15%;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
}
.main{
    .main-f{
        img{
            display: flex;
            width: 100%;
            height: 100%;
        }
    }
    .main-font{
        width: 90%;
        margin: 0 auto;
        .px2rem(padding-top,55);
        .gs{
            color: red;
            display: flex;
            .px2rem(font-size,24);
            span:nth-child(1){
                .px2rem(width,62);
                display: block;
                border-right: 1px solid #9d0000;
            }
            span:nth-child(2){
                .px2rem(width,70);
                text-align: center;
                display: block;
                border-right: 1px solid #9d0000;
            }
            span:nth-child(3){
                .px2rem(margin-left,12);
                text-align: center;
            }
        }
        .xiaof{
            .px2rem(font-size,38);
            .px2rem(height,235);
            display: flex;
            align-items: center;
            h3{
                font-weight: bolder;
            }
           
        }
        .miboy{
            .px2rem(font-size,34);
            display: flex;
            align-items: center;
            color: #9d0000;
            border-left: 4px  solid #a5a5a5;
            h3{
                .px2rem(margin-left,20);
            }
           
        }
        .zhub{
            .px2rem(font-size,34);
            .px2rem(height,235);
            display: flex;
            align-items: center;
            h3{
                .px2rem(margin-left,20);
            }
           
        }
    }
}
.fx-footer{
    border-top: 1px solid #dadada;
    .footer-bottom{
        margin: 0 auto;
        width: 90%;
       .px2rem(height,98);
        display: flex;
        align-items: center;
        justify-content: space-between;
        
        .footer-kan{
            border-left: 4px solid #a10200;
            .px2rem(font-size,24);
            flex: 1;
            .px2rem(padding-left,24);
        }
        .footer-shou{
            flex: 1;
            display: flex;
            text-align: center;
            justify-content: space-around;
        }
    }
    .fx-fenx{
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        margin:  0 auto;
        .px2rem(height,520);
        background-color: #fff;
        display: none;
        .fenx-img{
            .px2rem(padding-top,45);
            width: 80%;
            margin:  0 auto;
            display: flex;
            align-items: center;
            span{
                .px2rem(margin-left,5);
            }
        }
        .fenx-wx{
            width: 80%;
            margin:  0 auto;
            display: flex;
            text-align: center;
            flex-wrap: wrap;
            dl{
                width: 33%;
                dt{
                    .px2rem(margin-top,45);
                    img{
                        .px2rem(width,90);
                        .px2rem(height,90);
                    }
                }
                dd{
                    .px2rem(margin-top,25);
                }
            }
        }
    }
    
}
.fx-zhe{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(27,127,127,0.5);
    z-index: 1;
    display: none;
}
.wrap{
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.5);
    position: fixed;
    top:0;
    display: none;
    .box{
        width: 100%;
        .px2rem(height,152);
        background: #FFF;
        position: fixed;
        bottom: 0;
        display: flex;
        align-items: center;
        .left{
            width: 20%;
            .px2rem(padding-left,20); 
        }
        .center{
            width: 60%;
        }
        .right{
            .px2rem(font-size,32);
            color:#e45846;
        }
    }
}